<template>
  <div class="student-profill">
    <el-avatar
      :size="200"
      :src="currentRow.headimgurl ? currentRow.headimgurl : defAvatarUrl"
      shape="square"
    >
    </el-avatar>
    <el-descriptions direction="vertical" title="学员资料" border>
      <el-descriptions-item label="sId">{{ currentRow.sId }}</el-descriptions-item>
      <el-descriptions-item label="姓名">
        <el-tag type="success" effect="dark">{{ currentRow.name }}</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="年龄">{{ currentRow.age }}</el-descriptions-item>
      <el-descriptions-item label="班级">{{ currentRow.class }}</el-descriptions-item>
      <el-descriptions-item label="学历">
        <el-tag size="small">{{ currentRow.degree }}</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="项目地址">{{
        currentRow.productUrl
      }}</el-descriptions-item>
      <el-descriptions-item label="描述">{{
        currentRow.description
      }}</el-descriptions-item>
      <el-descriptions-item label="城市">{{ currentRow.city }}</el-descriptions-item>
      <el-descriptions-item label="创建时间">{{ currentRow.cTime }}</el-descriptions-item>
    </el-descriptions>
    <el-button type="primary" @click="back">点击返回列表</el-button>
  </div>
</template>
<style lang="less" scoped>
  .student-profill {

  }
</style>
<script>
import { mapState } from "vuex"
export default {
  methods : {
    back() {
      this.$router.push({name: "product" });
    },
  },
  computed: {
    ...mapState(["currentRow"]),
  },
  data() {
    return {
      defAvatarUrl: "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
    };
  },
};
</script>